<include file="public@header">
<style>
    .bgbg{
        background: #1f1e24;
    }
    .z1_nav{
        height: 0.8rem;
        background: #1f2630;
        display: flex;
    }
    .z1_nav a{
        flex: 1;
        color: #fff;
        font-size: 0.3rem;
        line-height: 0.8rem;
        text-align: center;
        opacity: 0.5;
    }
    .z1_nav a.active{
        opacity: 1;
        border-bottom: 0.02rem solid #fff;
    }
    .z1_list{
        padding: 0.3rem;
    }
    .z1_listshow{
        background: #1f2630;
        padding: 0.1rem 0.2rem;
        display: block;
        margin-bottom: 0.2rem;
    }
    .z1_listshow1{
        color:#4c648a;
        font-size: 0.24rem;
        display: flex;
    }
    .z1_listshow1 span:nth-child(2){
        margin-left: auto;
    }
    .z1_listshow2{
        margin: 0.1rem 0;
        display: flex;
        align-items: center;
    }
    .z1_listshow2 span:nth-child(1){
        color: #fff;
        font-size: 0.32rem;
        line-height: 0.4rem;
    }
    .z1_listshow2 span:nth-child(2){
        color:#4c648a;
        font-size: 0.24rem;
        line-height: 0.4rem;
        margin-left: auto;
    }
    .z1_listshow2 span:nth-child(3){
        color:#fff;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .z1_listshow3{
        margin-top: 0.2rem;
        margin-bottom: 0.1rem;
        display: flex;
    }
    .z1_listshow3 span:nth-child(1){
        color:#4c648a;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .z1_listshow3 span:nth-child(2){
        color:#fff;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .z1_listshow3 span:nth-child(3){
        color:#fff;
        font-size: 0.28rem;
        line-height: 0.4rem;
        margin-left: auto;
    }
</style>
<body>
    <div class="bgbg headhead">
        <div class="z1_nav">
            <a <if input('act') == 1>class="active"</if> data-index="0">{:lang('Deposit history')}</a>
            <a <if input('act') == 2>class="active"</if> data-index="1">{:lang('Withdrawal history')}</a>
        </div>
        <div class="z1_listall">
            <div class="z1_list" <if input('act') != 1>style="display:none;"</if> >
                <foreach name="chongzhi_list" item="vo">
                <a class="z1_listshow" href="{:url('zichan/chongzhi_detail',array('id'=>$vo.id))}">
                    <p class="z1_listshow1"><span>{:date('Y-m-d H:i',$vo.create_time)}</span><span></span></p>
                    <p class="z1_listshow2"><span>{$vo.symbol}</span><span>{:lang('Number')}：</span><span>{:floatval($vo.number)}</span></p>
                    <p class="z1_listshow3"><span>{:lang('Deposit success')}</span><span></span><span>{:lang('More Detail')}></span></p>
                </a>
                </foreach>
            </div>
            <div class="z1_list" <if input('act') != 2>style="display:none;"</if> >
                <foreach name="tixian_list" item="vo">
                <a class="z1_listshow" href="{:url('zichan/tixian_detail',array('id'=>$vo.id))}">
                    <p class="z1_listshow1"><span>{:date('Y-m-d H:i',$vo.create_time)}</span><span></span></p>
                    <p class="z1_listshow2"><span>{$vo.symbol}</span><span>{:lang('Number')}：</span><span>{:floatval($vo.number)}</span></p>
                    <p class="z1_listshow3"><span>{:lang(lang('Withdrawal_status')[$vo.status])}</span><span></span><span>{:lang('More Detail')}></span></p>
                </a>
                </foreach>
            </div>
        </div>
    </div>
    <script src="__STATIC__/hybit/js/jquery.min.js"></script>
    <script>
    $('.z1_nav a').click(function(){
        let index = $(this).attr('data-index');
        $(this).parent().children('a').removeClass('active');
        $(this).addClass('active');
        $('.z1_list').hide();
        $('.z1_listall .z1_list:eq('+index+')').show();
    })
    </script>
</body>
</html>